<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    <title>今日任务</title>
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current bg-light-gray">
        
        <nav class="bar bar-tab punch-card-bar">
          <a class="tab-item external" href="${ctx.host}/courses/${batchCourseware.monthly.id}/batches/${batchCourseware.id}/units">
            <span class="icon icon-today"></span>
            <span class="tab-label">今日</span>
          </a>
          <a class="tab-item external active" href="${ctx.host}/courses">
            <span class="icon icon-lesson"></span>
            <span class="tab-label">课程</span>
          </a>
          <a class="tab-item external" href="${ctx.host}/profile">
            <span class="icon icon-profile"></span>
            <span class="tab-label">我的</span>
          </a>
        </nav>

        <div class="content">
          <div class="mission-header">
            <div class="punch-day"><span>${courseRound.signinDays}</span>坚持打卡/天</div>
            <div class="punch-time"><span>${courseRound.signinMinutes}</span>坚持运动/分钟</div>
          </div>  
          <div class="mission-body box-shadow">
            <div class="mission-cover">
              <img src="${cloud.prod}/${courseRound.course.cover}-0.6" width="100%" onerror="this.src='${ctx.resource}/image/error.jpg'">
            </div>
            <div class="description">
              <h1>${courseRound.course.name}</h1>
              <p style="color: #737373; font-size: .6rem; margin: 0 0 .75rem;">难度系数：
                <c:forEach var="d" begin="1" end="${courseRound.course.difficulty}">
                  <span class="triangle-hover"></span>
                </c:forEach>
                <c:forEach var="d" begin="1" end="${5-courseRound.course.difficulty}">
                  <span class="triangle"></span>
                </c:forEach>
              </p>
              <p style="min-height: 3rem;">${courseRound.course.description}</p>
              <a href="${ctx.host}/courses/${batchCourseware.monthly.id}/batches/${batchCourseware.id}/units" class="button button-fill ft-market-btn ft-button-yellow start-btn">开始运动</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>